<!DOCTYPE html>
<html class="login-bg">
<head>
        <title>Flask</title>
{##}

    <!-- bootstrap -->
    <link href="{{ url_for('static',filename='auth/css/bootstrap/bootstrap.css') }}" rel="stylesheet">
    <link href="{{ url_for('static',filename='auth/css/bootstrap/bootstrap-overrides.css') }}" type="text/css" rel="stylesheet">

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='auth/css/compiled/layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='auth/css/compiled/elements.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='auth/css/compiled/icons.css') }}">

    <!-- libraries -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='auth/css/lib/font-awesome.css') }}">

    <!-- this page specific styles -->
    <link rel="stylesheet" href="{{ url_for('static',filename='auth/css/compiled/signin.css') }}" type="text/css" media="screen" />

    <!-- open sans font -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>


    <div class="login-wrapper">
        <div class="box">
            <div class="content-wrap">
                <h6>Register</h6>

                 {% import "bootstrap/wtf.html" as wtf %}
                {{ wtf.quick_form(form) }}
                <br>
                <!-- <p>Forgot your password? <a href="#">Click here to reset it</a>.</p> -->
                <p>New user? <a href="{{ url_for('auth.register') }}">Click here to register</a>.</p>
                <p>Sign up. <a href="{{ url_for('auth.login') }}">Click here to sign up</a>.</p>
        <div class="container">
            {% for message in get_flashed_messages(with_categories=True) %}
            <div class="alert alert-{{ message[0] }}">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
               <b>{{ message[1] }}</b>
            </div>
            {% endfor %}



        </div>

            </div>
        </div>

    </div>

</body>

</html>
